<template>
  <div class="my-web-wrap">
    <div class="web-info">
      <div class="info-title">🌸本站信息</div>
      <blockquote class="info-box">
        <div>网站名称: lx博客</div>
        <div>网址: http://xjlyh.site</div>
        <div>
          logo:
          http://img.xjlyh.site/2023/09/27/c33dc593b4454090b6e38f63fcdc35c6.png
        </div>
        <div>描述: 这是一个记录自己个人编程生活和学习记录的小窝～</div>
        <!-- <div>网站封面: https://s1.ax1x.com/2022/11/10/z9VlHs.png</div> -->
      </blockquote>
    </div>
    <div class="web-info">
      <div class="info-title">🌸申请方式</div>
      <blockquote class="info-box">
        <div>点击上方信封✨✨✨</div>
        <div>申请之前请将本网站添加为您的友链哦🎟️🎟️🎟️></div>
        <div>不会添加带有广告营销和没有实质性内容的友链🚫🚫🚫></div>
      </blockquote>
    </div>
  </div>
</template>
<script lang="ts" setup></script>
<style lang="scss" scoped>
.my-web-wrap {
  margin-top: 40px;
  .web-info {
    .info-title {
      font-size: 20px;
      font-weight: bold;
    }
    .info-box {
      line-height: 2;
      border-left: 0.2rem solid #ed6ea0;
      padding: 10px 1rem;
      background-color: #ffe6fa;
      border-radius: 4px;
      margin: 20px auto;
      color: #595a5a;
      font-size: 14px;
    }
  }
}
</style>
